<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap</title>
    <link rel="icon" href="../vendor/img/reset1.png" type="image/x-icon"/>
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="../vendor/jquery/jquery-1.11.3.min.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
    <!--自定义css-->
    <link rel="stylesheet" type="text/css" href="../dist/css/index.css">
</head>
<body>
<div class="container">
    <div class="row">
        <section>
            <div class="page-header">
                <h1>Bootstrap Table</h1>
            </div>

            <div class="col-lg-12">
                <form id="defaultForm" method="post"  class="form-horizontal">
                    <fieldset>
                        <div class="form-group">
                            <div class="col-lg-3"></div>
                            <div class="col-lg-5">
                                <table class="table table-bordered table-striped table-hover">
                                    <tr>
                                        <th>bordered</th>
                                        <th>striped</th>
                                        <th>hover</th>
                                    </tr>
                                    <tr>
                                        <td>dist</td>
                                        <td>js</td>
                                        <td>application</td>
                                    </tr>
                                    <tr>
                                        <td>container</td>
                                        <td>container</td>
                                        <td>application</td>
                                    </tr>
                                    <tr>
                                        <td>container</td>
                                        <td>container</td>
                                        <td>application</td>
                                    </tr>
                                    <tr>
                                        <td>container</td>
                                        <td>container</td>
                                        <td>application</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </fieldset>

                    <!--<div class="form-group group">-->
                        <!--<div class="col-lg-9 col-lg-offset-3">-->
                            <!--<input type="button" class="btn btn-primary" id="button" value="Submit">-->
                        <!--</div>-->
                    <!--</div>-->
                </form>
            </div>
        </section>
    </div>



</div>



<!--<form id="defaultForm">-->
    <!--<div style="position: relative">-->
            <!--<input type="radio" name="nan" class="validate[required]">男-->
            <!--<input type="radio" name="nan" class="validate[required]">女-->
    <!--</div>-->
    <!--&lt;!&ndash;<input type="radio"  id="input1" class="validate[required[]]"/>&ndash;&gt;-->
    <!--&lt;!&ndash;<label for="input1">男</label>&ndash;&gt;-->
    <!--&lt;!&ndash;<input type="radio"  id="input2" class="validate[required[]]"/>&ndash;&gt;-->
    <!--&lt;!&ndash;<label for="input1">女</label>&ndash;&gt;-->
<!--</form>-->
<!--<input type="button" id="button" value="提交">-->
</body>
<script type="text/javascript">
    $(document).ready(function() {
        $("#defaultForm").validationEngine({
            validationEventTriggers:"blur",  // 触发的事件
            // validationEventTriggers:"keyup
            // blur",
            maxErrorsPerField:1,
            inlineValidation: true,// 是否即时验证，false为提交表单时验证,默认true
            success :  false,// 为true时即使有不符合的也提交表单,false表示只有全部通过验证了才能提交表单,默认false
            promptPosition: "bottomLeft"// 提示所在的位置，topLeft, topRight, bottomLeft,
            // centerRight, bottomRight
//			         failure : function() { alert("验证失败，请检查。"); },//验证失败时调用的函数
//			         success : function() { callSuccessFunction() }//验证通过时调用的函数
        });

        $(".ui_timepicker").datetimepicker({
            defaultDate: $('.ui_timepicker').val(),
            dateFormat: "yy-mm-dd",
            showSecond: true,
            timeFormat: 'hh:mm:ss',
            stepHour: 1,
            stepMinute: 1,
            stepSecond: 1
        })
    });
</script>
<script type="text/javascript">
//    var length=$(".form-group").length;
//    for(var i=0;i<length;i++){
//        var height=$(".form-group").eq(i).height();
//        $(".form-group").eq(i).css({height:height+20});
//    }
//$(".form-group").css({marginBottom:"25px"});
    $("#button").on("click",function(){
        if(!$("#defaultForm").validationEngine("validate")){
            return;
        }else{

        }
    })
</script>
</html>